<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="author" content="order by dede58.com"/>
    <title>蛋糕商城</title>
    <link rel="stylesheet" type="text/css" href="/static/css/style.css">
</head>
<body>
<!-- start header -->
<header style="background-color: whitesmoke;">
    <div class="top center">
        <div class="left fl">
            <ul>
                <li><a href="/index/" target="_blank">鲜焙蛋糕</a></li>
                <li>|</li>
                {% if request.user.is_authenticated %}
                    <li><a href="">{{ user.username }}</a></li>
                    <li>|</li>
                    <li><a href="/logout/">注销</a></li>
                {% else %}
                    <li><a href="/login/">请登录</a></li>
                    <li>|</li>
                <li><a href="/register/">注册</a></li>
                {% endif %}
                <li>|</li>
                <li><a href="">问题反馈</a></li>
                <div class="clear"></div>
            </ul>
        </div>
        <div class="right fr">
            <div class="gouwuche fr"><a href="">购物车</a></div>
            <div class="fr">
                <ul>
                    <li><a href="./login.html" target="_blank">我的订单</a></li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
    </div>
</header>
<!--end header -->

<!-- start banner_x -->
<div class="banner_x center">
    <div class="nav fl">
        <ul>
            <li>
                <a href="/index/" target="_blank"><img src="/static/image/logo.png" alt=""
                                                       style="height: 5rem;padding-top: 1rem;"></a>
            </li>
            <li><a href="/liebiao/?type=2" target="_blank">生日派对</a></li>
            <li><a href="/liebiao/?type=1">缤纷水果</a></li>
            <li><a href="/liebiao/?type=4">可可浪漫</a></li>
            <li><a href="/liebiao/?type=5">清凉一夏</a></li>
            <li><a href="/liebiao/?type=3">尽享丝滑</a></li>
            <li><a href="/liebiao/?type=6">香醇甜美</a></li>
            <li><a href="/liebiao/?type=8">午后时光</a></li>
        </ul>
    </div>
    <div class="search fr">
        <form action="" method="post">
            <div class="text fl">
                <input type="text" class="shuru" placeholder="夏日限定&nbsp;冰激凌">
            </div>
            <div class="submit fl">
                <input type="submit" class="sousuo" value="搜索"/>
            </div>
            <div class="clear"></div>
        </form>
        <div class="clear"></div>
    </div>
</div>
<!-- end banner_x -->


<!-- xiangqing -->
<form action="post" method="">
    <div class="xiangqing">
        <div class="neirong w">
            <div class="xiaomi6 fl">{{ cake }}</div>
            <div class="clear"></div>
        </div>
    </div>

    <div class="jieshao mt20 w">
        <div class="left fl"><img src="{{ cake.img.img_file.url }}" style="height: 560px;width: 560px"></div>
        <div class="right fr">
            <div class="h3 ml20 mt20">{{ cake }}</div>
            <div class="jianjie mr40 ml20 mt10">{{ cake.brief }}</div>
            <div class="jiage ml20 mt10">{{ cake.price }}元</div>
            {#            <div class="ft20 ml20 mt20">选择尺寸</div>#}
            {#            <div class="xzbb ml20 mt10">#}
            {#                <div class="banben fl">#}
            {#                    <a>#}
            {#                        <span>全网通版 6GB+64GB </span>#}
            {#                        <span>2499元</span>#}
            {#                    </a>#}
            {#                </div>#}
            {#                <div class="banben fr">#}
            {#                    <a>#}
            {#                        <span>全网通版 6GB+128GB</span>#}
            {#                        <span>2899元</span>#}
            {#                    </a>#}
            {#                </div>#}
            {#                <div class="clear"></div>#}
            {#            </div>#}
            <div>
                <br>
                <br>
            </div>
            <div class="ft20 ml20 mt20">选择尺寸</div>
            <div class="xzbb ml20 mt10">
                <div class="banben">
                    <a>
                        <span class="yuandian"></span>
                        <span class="yanse">{{ cake.size }}英寸</span>
                    </a>
                </div>
            </div>
            <div>
                <br>
                <br>
            </div>
            <div class="xqxq mt20 ml20">
                <div class="top1 mt10">
                    <div class="left1 fl">类型：{{ cake.type }}</div>
                    <div class="right1 fr">销量：{{ cake.sales_num }}</div>
                    <div class="clear"></div>
                </div>
                <div class="bot mt20 ft20 ftbc">{{ cake.price }}</div>
            </div>
            <div>
                <br>
                <br>
            </div>
            <div class="xiadan ml20 mt20">
                <input class="jrgwc" type="button" name="jrgwc" value="立即选购"/>
                <input class="jrgwc" type="button" name="jrgwc" value="加入购物车"/>
            </div>
            <div class="clear"></div>
        </div>
    </div>
</form>
<!-- footer -->
<footer class="mt20 center">
    <div>©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</div>
    <div>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</div>
</footer>
</body>
</html>